<template>
  <div class="page-content" :style='inlineStyle'>
    <slot></slot>
  </div>
</template>

<script>
  export default {
    name: 'pageContent',
    props: ['inlineStyle']
  }
</script>

<style lang="scss">
  header~.page-content {
  padding-top: 88px;
}
  header+.header-sub~.page-content{
    padding-top:168px;
  }

footer~.page-content {
  padding-bottom: 98px;
}

.page-content {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  left:0;
  right:0;
  // z-index: 99;
  // width: 100%;
  .weui-cell {
    height: 90px;
    label {
      font-size: 28px;
      /*px*/
      color: #333;
    }
  }
  .vux-x-input .weui-icon {
    font-size: 30px;
    /*px*/
  }
  .weui-cells {
    margin-top: 0;
    &:after {
      transform: scaleY(1.5) scaleX(0.98);
      transform-origin: right;
    }
  }

}
</style>